import React from 'react';
import {Typography} from "@material-ui/core";
import {makeStyles} from "@material-ui/styles";
import Grid from "@material-ui/core/Grid";

const useStyles = makeStyles({
  gridContainer: {
    marginBottom: '1.5rem',
  },
  typographyHeader: {
    // Set the marginTop to 14 when there is a back button
    // <Button startIcon={<ArrowBackIcon />}>Back</Button>
    marginTop: 50,
    marginBottom: '2rem',
    marginLeft: "auto",
    marginRight: "auto"
  }
})

function MissingRoute() {
  const classes = useStyles();
  return (
    <>
      <Grid container direction='row' justify="center" alignContent="center">
        <Typography variant='h5' className={classes.typographyHeader}>
          Invalid path
        </Typography>
      </Grid>

    </>
  )
}

export default MissingRoute;